.goods{
    width: 100%;
    min-height: 10rem;
    .goods-items{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 0.24rem;
        padding-top: 0.2rem;
        .goods-item{
            position: relative;
            display: flex;
            align-items: flex-start;
            width: 100%;
            margin-bottom: 2%;
            background: #fff;
            .goods-item-img{
                position: relative;
                flex: 0 0 2.4rem;
                width: 2.4rem;
                height: 2.4rem;
                overflow: hidden;
                margin-right: 0.2rem;
                img{
                    width: 2.4rem;
                    height: 2.4rem; 
                }
                .goods-img-tips{
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 0.4rem;
                    line-height: 0.4rem;
                    font-size: 0.20rem;
                    color: #fff;
                }
            }
            .goods-item-right{
                flex: 1;
                .title{
                    text-align: left;
                    margin: 0.1rem 2%;
                    span{
                        display: inline-block;
                        width: 0.28rem;
                        height: 0.28rem;
                        margin-right: 0.1rem;
                        &.TBimg{
                            background: url(../assets/img/taobao.png) center center no-repeat;
                            background-size: contain;
                        }
                        &.TMimg{
                            background: url(../assets/img/tmall.png) center center no-repeat;
                            background-size: contain;
                        }
                        &.JDimg{
                            background: url(../assets/img/jd.png) center center no-repeat;
                            background-size: contain;
                        }
                        &.PDDimg{
                            background: url(../assets/img/pinduoduo_icon.png) center center no-repeat;
                            background-size: contain;
                        }
                    } 
                }
                .hot{
                    margin-bottom: 0.2rem;
                    text-align: left;
                    i{
                        display: inline-block;
                        width: 0.3rem;
                        height: 0.3rem;
                        margin-right: 0.1rem;
                        background: url(../assets/img/iocn_h.png) center center no-repeat;
                        background-size: contain;
                    }
                    span{
                        font-size: 0.4rem;
                        color: #ff0000;
                        margin: 0 0.06rem;
                        font-weight: 700;
                    }
                } 
                .sale{
                    margin: 0 2%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    font-size: 0.20rem;
                    color: #999;
                    .oldprice span{
                        text-decoration: line-through;
                    }
                }
                .price{
                    margin: 0 2%;
                    margin-top: 0.2rem;
                    margin-bottom: 2%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .icon{
                        display: inline-block;
                        width: 1rem;
                        height: 0.32rem;
                        line-height: 0.32rem;
                        text-align: center;
                        border-radius: 0.04rem;
                        vertical-align: middle;
                        font-size: 0.20rem;
                        color: #fff;
                    }
                    .coupon-price{
                        font-size: 0.20rem;
                        span{
                            font-size: 0.3rem;
                            font-weight: 700;
                            color: #ff175d;
                        }
                    }
                    .coupon{
                        width: 1rem;
                        height: 0.4rem;
                        line-height: 0.4rem;
                        font-size: 0.20rem;
                        color: #fff;
                        text-align: center;
                        border-radius: 0.06rem;
                    }
                }
            }
            
        }
    }
    .goods-none{
        padding: 0.4rem 0;
        width: 100%;
        img{
            width: 60%;
        }
    }
}